<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- TDK -->
	<title>小U商城</title>
	<meta name="description" content="Java培训，Java培训机构，中公优就业">
	<meta name="keywords" content="Java培训，Java培训机构，中公优就业">
	<!-- 引入js -->
	<script src="./js/remScale.js"></script>
	<!-- 引入清除样式 -->
	<link rel="stylesheet" href="./css/normalize.css">
	<!-- 用不习惯  再引用 -->
	<link rel="stylesheet" href="./css/reset.css">
	<!-- 引入公共样式 -->
	<link rel="stylesheet" href="./css/public.css">
	<!-- 引入本页样式 -->
	<link rel="stylesheet" href="./css/order-form.css">
</head>
<body>
	<div class="pape">
		<div class="top">
			<a href="./shop-car.html">
				<img src="./images/top-arrow.png" alt="">
			</a>
            <p>购物车</p>
            <img src="./images/top-nav.png" alt="">
			<div class="site">
				<h3>
					代用名 188 **** 8888
				</h3>
				<p>
					北京 北京市 昌平区 朱辛庄中公教育实训基地IT教学楼 2号楼 2202室
				</p>
			</div>
        </div>  
		<article>
			<header class="chorise">
				<div class="left">
					<img src="./images/确认订单_购物车.png" alt="">
					<h4>品牌精选</h4>
				</div>
				<div class="right">
					<p>
						已免运费 <i></i> <span>领券</span>
					</p>
				</div>
			</header>
			<section>
				<img src="./images/01.png" alt="">
				<div class="font">
					<h4>溪牧原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</h4>
					<p>
						<span>
							<i>￥</i>999
						</span>
						<b>x1</b>
					</p>
					<span>七天无理由退货</span>
					<span>特价</span>
				</div>
			</section>
			<section>
				<img src="./images/03.png" alt="">
				<div class="font">
					<h4>水肌美男士清爽控油洗面奶100g</h4>
					<p>
						<span>
							<i>￥</i>999
						</span>
						<b>x1</b>
					</p>
					<span>七天无理由退货</span>
					<span>特价</span>
				</div>
			</section>
			<div class="notice">
				<div>
					<h5>发票类型</h5>
					<p>
						不开发票<img src="./images/商品详情_分期.png" alt="">
					</p>
				</div>
				<div>
					<h5>售后免邮</h5>
					<input type="text" placeholder="部分商家赠送" disabled>
				</div>
				<div>
					<h5>买家留言</h5>
					<input type="text" placeholder="填写内容需要与商家协商并确认，45字以内">
				</div>
			</div>
		</article>
		<div class="notice">
			<div>
				<h5>商品金额</h5>
				<p class="sum">
					￥1998
				</p>
			</div>
			<div>
				<h5>优惠活动</h5>
				<span>-￥200</span>
			</div>
			<div>
				<h5>优惠券</h5>
				<i>暂无可用</i>
			</div>
		</div>
		<div class="footer">
			<div class="all">
				<h3>合计</h3>
				<p>已免运费</p>
			</div>
			<div class="dollar">
				<h3>￥1998</h3>
				<p>已优惠￥200元</p>
			</div>
			<div class="btn">
				结算
			</div>
		</div>
	</div>
</body>
</html>